<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
        1、props 父传子
        2、$emit子传父--自定义事件
        3、ref 父访问子,在父组件里面，有子组件,在子组件 设置ref 获取子组件数据
        4、EventBus 兄弟组件，先创建一个 EventBus.js事件总线文件，导出,然后在 兄弟组件A里面引入，Event.$emit('eventName',obj)
        在 另外一个 兄弟组件 Event.$on('eventName',obj)
        5、
        6、Vuex
        7、Provide/inject子组件获取上级组件的数据: 
            provide(){
                return { 
                    them: this
                }
            }

            inject:["theme"]
        */ 
    </script>
</body>
</html>